// 相当于 ::root{}
page {
	overflow: hidden;
}

.btn{
	background-color: #009688;
	color: #fff;
	width: 80%;
	margin-top: 200rpx;
	&::after {
		border: none;
	}
	&:active{
		background-color: #046b61;
	}
}

.pug-loginwrap {
	position: fixed;
	z-index: 2;
	top: 50%;
	right:0;
	left:0;
	text-align: center;
}

.page-login-img {
	background: url('./static/loginbg.jpg');
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: contain;
	z-index: 1;
}

.login {
	&__mode {
		display: flex;
		margin-top: 200rpx;
		justify-content: center;
		padding: 227rpx 74rpx 0 74rpx;
		overflow: hidden;

		&-item {
			&-active {
				.cl-text {
					color: #000 !important;
					font-weight: bold;
				}
			}
		}
	}

	&__input {
		width: 600rpx;
		margin: 0 auto;
		margin-top: 100rpx;

		.cl-input {
			background-color: #fff;
			color: #b1b1b1;
		}

		&-phone {
			padding-bottom: 10rpx;
		}

		&-bottom {
			display: flex;
			justify-content: space-between;
			margin-top: 30rpx;
			padding-bottom: 10rpx;

			.cl-button {
				color: #b1b1b1;

				&::after {
					border: none !important;
				}
			}
		}
	}

	&__button {
		width: 600rpx;
		margin: 0 auto;
		margin-top: 63rpx;
	}

	&__other {
		width: 100%;
		position: fixed;
		left:0;
		right:0;
		bottom:180rpx;
		padding: 0 177rpx;
		text-align: center;
		box-sizing: border-box;

		&-button {
			display: flex;
			justify-content: space-between;
			margin-top: 62rpx;

			view {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				background-color: #f6f7f9;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
				}
			}
		}
	}

		&__tips {
			width: 100%;
			margin-top: 126rpx;
			display: flex;
			font-size:24rpx;
			color:#999;
			justify-content: center;
			position: fixed;
			left:0;
			right:0;
			bottom:120rpx;
			transform: scale(0.9);
		}
}